.requestPassword {
  height: 180px;
  padding: 30px;
  background-color: #FFFFFF;
  .btn.btn-awsm {
    max-width: 200px;
  }
}

.resetPassword {
  padding: 30px;
  height: 245px;
  background-color: #FFFFFF;
}

.emailSent,
.passwordResetSuccess {
  .flex();
  .flex-dir(row);
  .align-items(center);
  height: 140px;
  width: 100%;
  max-width: 400px;
  background-color: #F9FDFF;
  padding: 32px 15px;
  color: #525659;
  .emailSentIcon,
  .passwordResetIcon {
    &:before {
      top: .5em;
      position: relative;
      font-size: 28px;
      color: #72AFDE;
    }
    .flex-order(1);
    .flex-shrink(0);
    text-align: center;
    border: 2px solid #72AFDE;
    margin-right: 1rem;
    width: 6rem;
    height: 6rem;
    border-radius: 2.5em;
  }
  .text {
    .flex-dir(column);
    .flex-order(2);
    .emailSentHeader,
    .passwordResetHeader {
      .flex-order(1);
      margin: 0;
      font-size: 20px;
      line-height: 30px;
      font-weight: lighter;
    }
    p {
      .flex-order(2);
      font-size: 15px;
    }
  }
}

.passwordResetSuccess {
  margin-bottom: 15px;
}
